<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="icon" href="./assets/img/favicon.ico">
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/index.css">
</head>
<body>
<header>
    <div class="container">
        <div>
            欢迎来到尚品汇！ 请<a href="#">登录</a> | <a href="#">免费注册</a>
        </div>
        <nav>
            <a href="#">我的订单 </a>
            <a href="#">我的购物车</a>
            <a href="#">我的尚品汇</a>
            <a href="#">尚品汇会员</a>
            <a href="#">企业采购 </a>
            <a href="#">关注尚品汇</a>
            <a href="#">合作招商 </a>
            <a href="#">商家后台</a>
        </nav>
    </div>
</header>

<!--logo与搜索框-->
<div class="header">
    <div class="logo">
        <a href="./index.html">
            <img src="assets/img/Logo.png" alt="">
        </a>
    </div>
    <form action="">
        <input type="text">
        <button>搜索</button>
    </form>
</div>

<!--  商品导航  -->
<div class="goodsNav">
    <div class="container">
        <div class="allType">
            全部商品分类
        </div>
        <nav>
            <a href="#">服装城</a>
            <a href="#">美妆馆</a>
            <a href="#">尚品汇超市</a>
            <a href="#">全球购</a>
            <a href="#">闪购</a>
            <a href="#">团购</a>
            <a href="#">有趣</a>
            <a href="#">秒杀</a>
        </nav>
    </div>
</div>

<div class="container-main">
    <!--  类别导航  -->
    <div class="typeNav">
        <div>
            <a href="">手机、数码、通讯</a>
        </div>
        <div>
            <a href="">手机</a>
        </div>
        <div>
            <a href="">Apple苹果</a>
        </div>
        <div>
            <a href="">AppleiPhone 13</a>
        </div>
    </div>

    <!--放大镜与商品介绍-->
    <div class="product-intro">
        <!-- 放大镜 -->
        <div class="preview">
            <div class="main">
                <!-- 播放视频图标 -->
                <span class="video-icon"></span>

                <!--蒙层-->
                <div class="zoom" style="display:none;"></div>
                <!--大图-->
                <div class="zoomdiv" style="display:none;">
                    <img class="big-img" src="./assets/img/preview/3/b1.jpg" alt="">
                </div>
                <!--商品图片-->
                <img class="main-img" src="./assets/img/preview/3/m1.jpg" alt="">
                <i></i>
            </div>

            <!--视频 -->
            <div class="video" style="display: none">
                <video id="video-player_html5_api"
                       width="452" height="452"
                       poster="./assets/video/blank.gif"
                       controls
                       tabindex="-1" preload="auto"
                       src="./assets/video/iphone6.mp4">
                    您的浏览器不支持 video 标签。
                </video>
                <a href="#none" class="close-video"></a>
            </div>


            <!--  图片缩略图  -->
            <div class="spec-list">
                <!--左箭头按钮-->
                <i class="arrow-prev"></i>
                <!--右箭头按钮-->
                <i class="arrow-next"></i>
                <div class="spec-items">
                    <ul class="lh">
                        <li class="img-hover"><img src="./assets/img/preview/3/s1.jpg"></li>
                        <li><img src="./assets/img/preview/3/s2.jpg"></li>
                        <li><img src="./assets/img/preview/3/s3.jpg"></li>
                        <li><img src="./assets/img/preview/3/s4.jpg"></li>
                        <li><img src="./assets/img/preview/3/s5.jpg"></li>
                        <li><img src="./assets/img/preview/3/s6.jpg"></li>
                        <li><img src="./assets/img/preview/3/s7.jpg"></li>
                        <li><img src="./assets/img/preview/3/s8.jpg"></li>
                        <li><img src="./assets/img/preview/3/s9.jpg"></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--   商品介绍     -->
        <div class="itemInfo-wrap">
            <div class="sku-name">
                <img src="./assets/img/itemInfo/newPro.png" alt="当季新品">
                <span>Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机</span>
            </div>

            <div class="news">
                【即领即用】27-31号限时限量抢购大促神券！到手价低至7799！选购[1年期官方AppleCare+版]限时抢服务5折券！更多优惠！
                <a href="#" target="_blank">查看&gt;</a>
            </div>

            <div class="activity-banner">
                <img src="./assets/img/itemInfo/11.png" alt="">
            </div>

            <div class="summary-price-wrap">
                <div class="summary-price">
                    <div class="dt">京 东 价</div>
                    <div class="dd">
                            <span class="p-price">
                                <span>￥</span>
                                <span class="price">8399.00</span>
                            </span>
                        <span class="pricing" id="page_opprice"></span>
                        <a class="notice" href="#none">降价通知</a>
                    </div>
                </div>

                <div class="summary-promotion">
                    <div class="dt">促　　销</div>
                    <div class="prom-gifts">
                        <span class="prom-gift-label"><em class="hl_red_bg">赠品</em></span>
                        <div class="prom-gift-list">
                            <a target="_blank" href="#">
                                <img src="./assets/img/itemInfo/prom.jpg"
                                     width="25" height="25" class="gift-img"> </a> <em
                                class="gift-number">× 1</em>
                            <div class="gift-limit">（赠完即止）</div>
                        </div>
                    </div>
                </div>
            </div>

            <!--增值业务-->
            <div class="summary-support">
                <div class="dt">增值业务</div>
                <div class="dd">
                    <a target="_blank" href="#">
                        <i class="sprite-old2new"></i> <span>高价回收，极速到账</span>
                    </a>
                </div>
            </div>


            <!--配 送 至-->
            <div class="summary-stock">
                <div class="dt">配 送 至</div>
                <div class="dd">
                    <div class="ui-area-text-wrap">
                        <!--展示内容主体-->
                        <span class="ui-area-text">
                            请选择
                        </span>
                        <b></b>
                    </div>

                    <!--弹出内容主体-->
                    <div class="ui-area-content-wrap" style="display: none">
                        <div class="ui-area-tab">
                            <a class="ui-switchable-item   ui-area-current">
                                <em>请选择</em><i></i>
                            </a>
                            <a class="ui-switchable-item" style="display: none">
                                <em>请选择</em><i></i>
                            </a>
                            <a class="ui-switchable-item" style="display: none">
                                <em>请选择</em><i></i>
                            </a>
                            <a class="ui-switchable-item" style="display: none">
                                <em>请选择</em><i></i>
                            </a>
                        </div>
                        <!--省市区选择标签-->
                        <ul class="ui-area-content-list">
                            <li><a data-id="1" href="javascript:void(0)">北京</a></li>
                            <li class="ui-area-current"><a href="javascript:void(0)">上海</a></li>
                        </ul>

                        <ul class="ui-area-content-list" style="display: none">
                            <li><a data-id="1" href="javascript:void(0)">北京</a></li>
                            <li class="ui-area-current"><a href="javascript:void(0)">上海</a></li>
                        </ul>

                        <ul class="ui-area-content-list" style="display: none">
                            <li><a data-id="1" href="javascript:void(0)">北京</a></li>
                            <li class="ui-area-current"><a href="javascript:void(0)">上海</a></li>
                        </ul>

                        <ul class="ui-area-content-list" style="display: none">
                            <li><a data-id="1" href="javascript:void(0)">北京</a></li>
                            <li class="ui-area-current"><a href="javascript:void(0)">上海</a></li>
                        </ul>
                    </div>

                </div>
            </div>


            <div class="summary-weight">
                <div class="dt">重　　量</div>
                <div class="dd">0.32kg</div>
            </div>

            <div class="summary-line"></div>

            <div class="choose-attrs">
                <div class="p-choose p-color">
                    <div class="dt ">选择颜色</div>
                    <div class="dd">
                        <div class="item">
                            <img src="./assets/img/itemInfo/c1.jpg"><i>星光色</i>
                        </div>

                        <div class="item">
                            <img src="./assets/img/itemInfo/c2.jpg" alt="午夜色"><i>午夜色</i>
                        </div>

                        <div class="item">
                            <img src="./assets/img/itemInfo/c3.jpg" alt="粉色"><i>粉色</i>
                        </div>
                        <div class="item active">
                            <img src="./assets/img/itemInfo/c4.jpg" alt="蓝色"><i>蓝色</i>
                        </div>
                        <div class="item">
                            <img src="./assets/img/itemInfo/c5.jpg" alt="红色"><i>红色</i>
                        </div>
                    </div>
                </div>
                <div id="crumb">
                        <div class="p-choose">
                            <div class="dt ">选择版本</div>
                            <div class="dd">
                                <div class="item active">128GB</div>
                                <div class="item">256GB</div>
                                <div class="item">512GB</div>
                            </div>
                        </div>
                        <div class="p-choose">
                            <div class="dt">购买方式</div>
                            <div class="dd">
                                <div class="item active">公开版</div>
                                <div class="item">【1年期官方AppleCare+版】</div>
                            </div>
                        </div>
                </div>

            </div>

            <div class="summary-line"></div>

            <div class="choose-btns">
                <div class="choose-amount invisible">
                    <input class="buy-num" id="buy-num" value="1">
                    <a class="btn-reduce disabled" href="#none">-</a>
                    <a class="btn-add" href="#none" data-disabled="1">+</a>
                </div>
                <a id="choose-btn-ko" href="#" class="btn-special1 btn-lg">抢购</a>
            </div>

            <div class="summary-tips">
                <div class="dt">温馨提示</div>
                <div class="dd">
                    支持7天无理由退货（公开版拆封后不支持、合约版不支持）
                </div>
            </div>
        </div>
    </div>

    <div class="fittings">
        <ul class="tab-main">
            <li>人气配件</li>
            <li class="active">手机壳</li>
            <li>手机贴膜</li>
            <li>直插充电器</li>
            <li>移动电源</li>
            <li>数据线</li>
        </ul>
        <div class="tab-con">
            <div class="master">
                <div class="p-img">
                    <a href="#" target="_blank">
                        <img src="./assets/img/itemInfo/c4.jpg" alt="Apple iPhone 13 (A2634) 128GB 午夜色 支持移动联通电信5G 双卡双待手机">
                    </a>
                    <i class="plus">+</i>
                </div>
                <div class="p-name">
                    <a href="#" target="_blank">Apple iPhone 13 (A2634) 128GB 午夜色支持移动联通电信5G 双卡双待手机</a>
                </div>
            </div>

            <div class="suits">
                <ul class="lh">
                    <li>
                        <div class="p-img">
                            <a href="#" target="_blank">
                                <img src="./assets/img/fittings/01.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a href="#" target="_blank"
                               title="图拉斯 苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜">图拉斯
                                苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜</a>
                        </div>
                        <div class="p-price">
                            <input type="checkbox">
                            <strong>￥68.00</strong>
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <a href="#" target="_blank">
                                <img src="./assets/img/fittings/01.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a href="#" target="_blank"
                               title="图拉斯 苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜">图拉斯
                                苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜</a>
                        </div>
                        <div class="p-price">
                            <input type="checkbox">
                            <strong>￥68.00</strong>
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <a href="#" target="_blank">
                                <img src="./assets/img/fittings/01.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a href="#" target="_blank"
                               title="图拉斯 苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜">图拉斯
                                苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜</a>
                        </div>
                        <div class="p-price">
                            <input type="checkbox">
                            <strong>￥68.00</strong>
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <a href="#" target="_blank">
                                <img src="./assets/img/fittings/01.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a href="#" target="_blank"
                               title="图拉斯 苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜">图拉斯
                                苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜</a>
                        </div>
                        <div class="p-price">
                            <input type="checkbox">
                            <strong>￥68.00</strong>
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <a href="#" target="_blank">
                                <img src="./assets/img/fittings/01.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a href="#" target="_blank"
                               title="图拉斯 苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜">图拉斯
                                苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜</a>
                        </div>
                        <div class="p-price">
                            <input type="checkbox">
                            <strong>￥68.00</strong>
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <a href="#" target="_blank">
                                <img src="./assets/img/fittings/01.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a href="#" target="_blank"
                               title="图拉斯 苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜">图拉斯
                                苹果13手机壳防摔iPhone 13 pro max保护套硅胶透明镜头全包软壳 【苹果13】 镜头全包 | 贈全屏膜</a>
                        </div>
                        <div class="p-price">
                            <input type="checkbox">
                            <strong>￥68.00</strong>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="infos">
                <div class="selected">已选择<em class="J-selected-cnt">0</em>个配件</div>
                <div class="p-price">
                    <span>组合价</span>
                    <strong>￥5999.00</strong>
                </div>
                <div class="btn">
                    <a href="#" class="btn-primary J-btn" target="_blank">立即购买</a>
                    <a href="#" target="_blank" class="acc-buy-center">配件选购中心</a>
                </div>
                <i class="equal">=</i>
            </div>
        </div>
    </div>

    <div class="product-details">
        <div class="aside">
            <div class="popbox">
                <div class="popbox-inner" data-fixed="pro-detail-hd-fixed">
                    <div class="mt">
                        <h3>
                            <a href="//apple.jd.com/" target="_blank" title="Apple产品京东自营旗舰店">Apple产品京东自营旗舰店</a>
                        </h3>
                        <i class="sprite-im"></i>
                    </div>
                    <div class="mc">
                        <div class="pop-score-summary">
                            <div class="btns">
                                <a href="#none" class="btn-def">
                                    <i class="sprite-enter"></i>
                                    <span>进店逛逛</span>
                                </a>
                                <a href="#none" class="btn-def">
                                    <i class="sprite-follow"> </i>
                                    <span>关注店铺</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div id="popHot" class="ETab">
                <ul class="tab-main">
                    <li class="current">店铺热销</li>
                    <li>热门关注</li>
                </ul>
                <div class="tab-con">
                    <ul class="plist">
                        <li>
                            <div class="p-num">1</div>
                            <div class="p-img">
                                <a target="_blank" title="Apple 20W USB-C手机充插头" href="#">
                                    <img alt="Apple 20W USB-C手机充电器插头 快速充电头" src="./assets/img/asider/p1.jpg">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="Apple 20W USB-C手机充电器插头 快" href="#">Apple 20W USB-C手机充电器插头 快速充电头 手机充电器 适配器 适用iPhone12/iPhone13/iPad 快充插头</a>
                            </div>
                            <div class="p-info clearfix">
                                <div class="p-count fl">热销<em>2054059</em>件</div>
                                <div class="p-price fr"><strong class="J-p-100016046426">￥149.00</strong></div>
                            </div>
                        </li>
                        <li>
                            <div class="p-num">1</div>
                            <div class="p-img">
                                <a target="_blank" title="Apple 20W USB-C手机充插头" href="#">
                                    <img alt="Apple 20W USB-C手机充电器插头 快速充电头" src="./assets/img/asider/p2.jpg">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="Apple 20W USB-C手机充电器插头 快" href="#">Apple 20W USB-C手机充电器插头 快速充电头 手机充电器 适配器 适用iPhone12/iPhone13/iPad 快充插头</a>
                            </div>
                            <div class="p-info clearfix">
                                <div class="p-count fl">热销<em>2054059</em>件</div>
                                <div class="p-price fr"><strong class="J-p-100016046426">￥149.00</strong></div>
                            </div>
                        </li>
                        <li>
                            <div class="p-num">1</div>
                            <div class="p-img">
                                <a target="_blank" title="Apple 20W USB-C手机充插头" href="#">
                                    <img alt="Apple 20W USB-C手机充电器插头 快速充电头" src="./assets/img/asider/p3.jpg">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="Apple 20W USB-C手机充电器插头 快" href="#">Apple 20W USB-C手机充电器插头 快速充电头 手机充电器 适配器 适用iPhone12/iPhone13/iPad 快充插头</a>
                            </div>
                            <div class="p-info clearfix">
                                <div class="p-count fl">热销<em>2054059</em>件</div>
                                <div class="p-price fr"><strong class="J-p-100016046426">￥149.00</strong></div>
                            </div>
                        </li>
                        <li>
                            <div class="p-num">1</div>
                            <div class="p-img">
                                <a target="_blank" title="Apple 20W USB-C手机充插头" href="#">
                                    <img alt="Apple 20W USB-C手机充电器插头 快速充电头" src="./assets/img/asider/p4.jpg">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="Apple 20W USB-C手机充电器插头 快" href="#">Apple 20W USB-C手机充电器插头 快速充电头 手机充电器 适配器 适用iPhone12/iPhone13/iPad 快充插头</a>
                            </div>
                            <div class="p-info clearfix">
                                <div class="p-count fl">热销<em>2054059</em>件</div>
                                <div class="p-price fr"><strong class="J-p-100016046426">￥149.00</strong></div>
                            </div>
                        </li>
                        <li>
                            <div class="p-num">1</div>
                            <div class="p-img">
                                <a target="_blank" title="Apple 20W USB-C手机充插头" href="#">
                                    <img alt="Apple 20W USB-C手机充电器插头 快速充电头" src="./assets/img/asider/p5.jpg">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="Apple 20W USB-C手机充电器插头 快" href="#">Apple 20W USB-C手机充电器插头 快速充电头 手机充电器 适配器 适用iPhone12/iPhone13/iPad 快充插头</a>
                            </div>
                            <div class="p-info clearfix">
                                <div class="p-count fl">热销<em>2054059</em>件</div>
                                <div class="p-price fr"><strong class="J-p-100016046426">￥149.00</strong></div>
                            </div>
                        </li>
                        <li>
                            <div class="p-num">1</div>
                            <div class="p-img">
                                <a target="_blank" title="Apple 20W USB-C手机充插头" href="#">
                                    <img alt="Apple 20W USB-C手机充电器插头 快速充电头" src="./assets/img/asider/p6.jpg">
                                </a>
                            </div>
                            <div class="p-name">
                                <a target="_blank" title="Apple 20W USB-C手机充电器插头 快" href="#">Apple 20W USB-C手机充电器插头 快速充电头 手机充电器 适配器 适用iPhone12/iPhone13/iPad 快充插头</a>
                            </div>
                            <div class="p-info clearfix">
                                <div class="p-count fl">热销<em>2054059</em>件</div>
                                <div class="p-price fr"><strong class="J-p-100016046426">￥149.00</strong></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="sp-new">
                <div class="mt">
                    <h3>店铺新品</h3>
                </div>
                <ul class="plist">
                    <li>
                        <div class="p-img ac">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动" href="#">
                                <img alt="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机【1年期官方AppleCare+版】" src="./assets/img/asider/n1.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色" href="#">Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G
                            </a>
                        </div>
                        <div class="p-price"><strong>￥9047.00</strong></div>
                    </li>
                    <li>
                        <div class="p-img ac">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动" href="#">
                                <img alt="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机【1年期官方AppleCare+版】" src="./assets/img/asider/n2.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色" href="#">Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G
                            </a>
                        </div>
                        <div class="p-price"><strong>￥9047.00</strong></div>
                    </li>
                    <li>
                        <div class="p-img ac">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动" href="#">
                                <img alt="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机【1年期官方AppleCare+版】" src="./assets/img/asider/n3.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色" href="#">Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G
                            </a>
                        </div>
                        <div class="p-price"><strong>￥9047.00</strong></div>
                    </li>
                    <li>
                        <div class="p-img ac">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动" href="#">
                                <img alt="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机【1年期官方AppleCare+版】" src="./assets/img/asider/n4.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色" href="#">Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G
                            </a>
                        </div>
                        <div class="p-price"><strong>￥9047.00</strong></div>
                    </li>
                    <li>
                        <div class="p-img ac">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动" href="#">
                                <img alt="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机【1年期官方AppleCare+版】" src="./assets/img/asider/n5.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色" href="#">Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G
                            </a>
                        </div>
                        <div class="p-price"><strong>￥9047.00</strong></div>
                    </li>
                    <li>
                        <div class="p-img ac">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动" href="#">
                                <img alt="Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G 双卡双待手机【1年期官方AppleCare+版】" src="./assets/img/asider/n6.jpg">
                            </a>
                        </div>
                        <div class="p-name">
                            <a target="_blank" title="Apple iPhone 13 (A2634) 512GB 蓝色" href="#">Apple iPhone 13 (A2634) 512GB 蓝色 支持移动联通电信5G
                            </a>
                        </div>
                        <div class="p-price"><strong>￥9047.00</strong></div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="detail ETab">
            <ul class="tab-main">
                <li class="current">商品介绍</li>
                <li>规格与包装</li>
                <li>质检报告</li>
                <li>售后保障</li>
                <li>商品评价</li>
                <li>手机社区</li>
            </ul>
            <div class="tab-con">
                <div data-tab="item">
                    <div class="p-parameter">
                        <ul class="parameter1 p-parameter-list">
                        </ul>
                        <ul id="parameter-brand" class="p-parameter-list">
                            <li title="Apple">品牌： <a href="#" target="_blank">Apple</a>
                            </li>
                        </ul>
                        <ul class="p-parameter-list">
                            <li title="AppleiPhone 13">商品名称：AppleiPhone 13</li>
                            <li title="100026667892">商品编号：100026667892</li>
                            <li title="320.00g">商品毛重：320.00g</li>
                            <li title="中国大陆">商品产地：中国大陆</li>
                            <li title="其他">运行内存：其他</li>
                            <li title="512GB">机身存储：512GB</li>
                            <li title="后置双摄">摄像头数量：后置双摄</li>
                            <li title="其他">分辨率：其他</li>
                            <li title="其他">屏幕比例：其他</li>
                            <li title="其他">屏幕前摄组合：其他</li>
                            <li title="其他">充电器：其他</li>
                            <li title="立体声">扬声器：立体声</li>
                            <li title="iOS">系统：iOS</li>
                            <li title="超大字体，SOS功能，语音命令，语音识别(文字语音互转)">功能：超大字体，SOS功能，语音命令，语音识别(文字语音互转)</li>
                            <li title="支持IPv6">支持IPv6：支持IPv6</li>
                        </ul>
                        <p class="more-par">
                            <a href="#product-detail" class="J-more-param">更多参数<s>&gt;&gt;</s></a>
                        </p>
                    </div>
                    <div class="img-banner">
                        <img src="./assets/img/1.jpg" alt="品质生活">
                        <img src="./assets/img/2.jpg" alt="品质生活">
                        <img src="./assets/img/3.jpg" alt="品质生活">
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>
<!-- 页脚 -->
<div class="footer">
    <div class="container">
        <div class="footer-top">
            <div class="footer-item">
                <h4>购物指南</h4>
                <ul>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">会员介绍</a></li>
                    <li><a href="#">生活旅行/团购</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">购物指南</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <h4>配送方式</h4>
                <ul>
                    <li><a href="#">上门自提</a></li>
                    <li><a href="#">211限时达</a></li>
                    <li><a href="#">配送服务查询</a></li>
                    <li><a href="#">配送费收取标准</a></li>
                    <li><a href="#">海外配送</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <h4>支付方式</h4>
                <ul>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">在线支付</a></li>
                    <li><a href="#">分期付款</a></li>
                    <li><a href="#">邮局汇款</a></li>
                    <li><a href="#">公司转账</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <h4>售后服务</h4>
                <ul>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">价格保护</a></li>
                    <li><a href="#">退款说明</a></li>
                    <li><a href="#">返修/退换货</a></li>
                    <li><a href="#">取消订单</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <h4>特色服务</h4>
                <ul>
                    <li><a href="#">夺宝岛</a></li>
                    <li><a href="#">DIY装机</a></li>
                    <li><a href="#">延保服务</a></li>
                    <li><a href="#">尚品汇E卡</a></li>
                    <li><a href="#">尚品汇通信</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <h4>帮助中心</h4>
                <img src="assets/img/wx_cz.jpg" alt="二维码">
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-nav">
                <a href="#">关于我们</a>
                <span></span>
                <a href="#">联系我们</a>
                <span></span>
                <a href="#">关于我们</a>
                <span></span>
                <a href="#">商家入驻</a>
                <span></span>
                <a href="#">友情链接</a>
                <span></span>
                <a href="#">关于我们</a>
                <span></span>
                <a href="#">营销中心</a>
                <span></span>
                <a href="#">友情链接</a>
                <span></span>
                <a href="#">关于我们</a>
            </div>
            <p class="address">
                地址：上海市松江区谷阳北路166号大江商厦6层
            </p>
            <p class="copyright">
                京ICP备13018369号
            </p>
        </div>
    </div>
</div>
<!--侧边栏-->
<div class="page-asider" id="pageAsider">
    <div class="asider-left">
        <span class="open-btn" id="openBtn"></span>
        <ul class="asider-nav">
            <li class="nav-item">
                <i class="icon vip-icon"></i>
                <span>商品会员</span>
            </li>
            <li  class="nav-item">
                <i class="icon shopcar-icon"></i>
                <span>购物车</span>
            </li>
            <li  class="nav-item">
                <i class="icon follow-icon"></i>
                <span>我的关注</span>
            </li>
            <li  class="nav-item">
                <i class="icon history-icon"></i>
                <span>我的足迹</span>
            </li>
            <li  class="nav-item">
                <i class="icon message-icon"></i>
                <span>我的消息</span>
            </li>
            <li  class="nav-item">
                <i class="icon question-icon"></i>
                <span>咨询</span>
            </li>
        </ul>
        <div class="goto-top nav-item" id="gotoTop">
            <i class="icon top-icon"></i>
            <span>返回顶部</span>
        </div>
    </div>
    <div class="asider-content"></div>
</div>
</body>
</html>